<template>
    <div class="container">
        <div class="container mbx">
        首页><div>{{list.parentName}}</div>>
        <div>{{ list.name }}</div>
      </div>
         <TopVue :list="list.saleProperties"></TopVue>
         <bottomVue :list="list.goods"></bottomVue>
    </div>
</template>

<script>
import {getSanji} from "@/apis/login"
import TopVue from "./top.vue"
import bottomVue from "./bottom.vue"
    export default {
        components:{
            TopVue,
            bottomVue
        },
        data(){
       return{
          list:{}
       }
        },
        methods:{
           async getList(){
            let res = await getSanji(this.$route.query.Iid)
            this.list=res.result
            console.log(res,res)
           }
        },
        mounted(){
           this.getList()
        }
    }
</script>

<style lang="scss" scoped>
.mbx{
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
}
</style>